<template>
  <div>
    <h2>我是local的数据{{ data }}</h2>
  </div>
</template>

<script setup>
// 语法糖  如果需要配置其他  如emits     defineExpose将需要导出的数据导出
// defineExpose({
//   a,
//   b
// })
import { ref, reactive,onUnmounted,defineProps,defineEmits,defineExpose} from 'vue'
import {useLocalStorge} from "./hooks"
  // ctx  上下文   里面有slots，attrs(所有非props的属性  比如class)  emit
  // {slots,attrs,emit}
    // 使用reactive进行解析   使数据变成响应式
    // let counter=reactive(1000)
    const state=reactive({
      counter:100
    })
    const openlist=ref([])
    const list=ref([])
    const fetchList=(obj = {})=> {
      this.listLoading = true;
      if (Object.keys(obj).length == 0) {
        getGroupList(this.listQuery).then(res => {
          this.list = res.data.data;
          this.total = res.data.total;
          this.listLoading = false;
        });
      } else {
        getGroupList(obj).then(res => {
          this.list = res.data.data;
          this.total = res.data.total;
          this.listLoading = false;
        });
      }
    }
    const data=useLocalStorge("name","code")
    // console.log(data.value)
</script>

<style></style>
